.container {
  width: 670rpx;
  height: auto;
  border-radius: 28rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
  overflow: hidden;
  background-color: #ffffff;
  padding-right: 24rpx;
}

.colorBox {
  width: 20rpx;
}

.contentBox {
  width: 594rpx;
  display: flex;
  flex-direction: column;
}

.contentUp {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.headTitle {
  font-size: 28rpx;
  font-weight: 600;
  margin-right: 16rpx;
}

.headTitleBox {
  height: 40rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 20rpx;
  margin-top: 24rpx;
}

.timeBox {
  height: 40rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 26rpx;
  margin-left: 8rpx;
}

.measureDate {
  font-size: 24rpx;
  color: #a6b1bc;
}

.contentDown {
  display: flex;
  flex-direction: row;
  margin-left: 20rpx;
  margin: 32rpx 0;
}

.dataNumber {
  font-size: 40rpx;
  color: #001e3e;
  height: 64rpx;
  line-height: 64rpx;
  font-weight: 700;
}

.dataType {
  font-size: 24rpx;
  color: #8c9aa8;
  height: 48rpx;
  line-height: 48rpx;
}

.columnLine {
  width: 2rpx;
  height: 64rpx;
  background-color: #eaeaea;
  margin-top: 22rpx;
  margin: 0 4rpx;
}

.dataBox {
  width: 184rpx;
  height: 118rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.rowLine {
  width: 566rpx;
  height: 2rpx;
  background-color: #eaeaea;
  margin-bottom: 24rpx;
}

.textTitle {
  font-size: 24rpx;
  color: #001e3e;
  font-weight: 600;
}

.textExplan {
  font-size: 24rpx;
  color: #8c9aa8;
}

.textContent {
  display: flex;
  flex-direction: row;
  width: 574rpx;
}

.textBox {
  margin-left: 20rpx;
  margin-bottom: 24rpx;
}

.arrowBox {
  display: flex;
  flex-direction: row;
  align-items: center;
}
